
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>
        </title>
        <link rel="stylesheet" href="jquery.mobile-1.1.0.min.css" />
        <link rel="stylesheet" href="my.css" />
        <style>
#loadingDiv { 
    background: transparent url('images/ajax-loader.gif') no-repeat center center; 
}
        </style>
        <script src="libs/jquery.min.js">
        </script>
        <script>
        
survey_id=0, sort_type="0", user_id="", f_user_id="", survey_user_id="", user_obj="";
				$(document).bind("mobileinit", function() {
					$.mobile.defaultPageTransition='none';
					//apply overrides here
				});
				</script>
        <script src="libs/jquery.mobile-1.1.0.min.js">
        </script>
      <script type="text/javascript" charset="utf-8" src="libs/cordova-1.7.0.js"></script>
        <script type="text/javascript" charset="utf=8" src="client_functions.js"></script>
        <script type="text/javascript" charset="utf=8" src="libs/jquery.blockUI.js"></script>

    </head>
    <body>
        
        <div data-role="page" id="main">
            <div data-theme="a" data-role="header" data-position="fixed" style="text-align: center">
            	
            <a onclick="updateMainList();" data-role="button" data-inline="true" data-icon="refresh" data-iconpos="left">
				Refresh
                </a> 
                <!-- <h3>
                    T-shirts
                </h3> -->
                
                <!-- <h3>
                    T-shirts
                </h3> -->
                <div height="35px">
                	 
					<select name="select-choice-min" id="mainCat">
						<option value="0">Category: All</option>
					</select>
				</div>
<!-- 					<h3>title</h3> -->
                <div id="sortBar" data-role="navbar" data-iconpos="left">
                    <ul>
                        <li>
                            <a href="#" onclick="sort_type='0'; updateMainList()" data-theme="c" data-icon="star" class="ui-btn-active">
                                New
                            </a>
                        </li>
                        <li>
                            <a href="#" onclick="sort_type='1'; updateMainList()" data-theme="c" data-icon="arrow-u">
                                Trends
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div data-role="content">
                <ul id="mainList" data-role="listview" data-divider-theme="b" data-inset="true" data-filter="true">
                    
                </ul>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#main" data-theme="a" data-icon="home" class="ui-btn-active">
                                Main
                            </a>
                        </li>
                        <li>
                            <a href="#add" data-theme="" data-icon="plus">
                                Add
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-theme="" data-icon="check">
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#about" data-theme="" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div data-role="page" id="survey">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Survey
                </h3>
                <a data-role="button" data-rel="back"  href="#page6" data-icon="arrow-l" data-iconpos="left">
                    Back
                </a>
                <!-- <a data-role="button"  href="#page6" data-icon="minus" data-iconpos="left">
                    Delete
                </a> -->
            </div>
            <div data-role="content">
                <div>
                    <table class="mceItemTable" border="0">
                        <tbody>
                            <tr>
                                <td>
                                    <img id="surveyAvaSrc" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/572674_1386827398_1662236166_n.jpg" alt="" width="70" height="70" data-mce-src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/572674_1386827398_1662236166_n.jpg" />
                    <button data-mini="true" onclick="doFollow();">follow</button>
                                </td>
                                <td style="padding-left: 30px">
                                    <p>
                                        <h3  id="surveyTitle">Which T-shirt should i choose?</h3>
                                    </p>
                                    <p id="surveyDescription">
                                        Which T-shirt should i choose?
                                    </p>
                                    <p>
                                        <span id="surveyAuthorDate" style="font-size: x-small; ">
                                            Posted on May 25 by Chan
                                        </span>
                                        <br />
                                    </p>
                                    
                                </td>
                            </tr>
                        </tbody>
                    </table>
<!--                     <button data-inline="true" onclick="doFollow();">follow</button> -->
                </div>
                <div data-role="contents">
					<ul id="surveyList" data-role="listview" data-inset="true">
						<li data-role="list-divider">Options:</li>
						<li data-icon="check"><a href="#" onclick="">
							<img src="" />
							<h3></h3>
							<p></p>
							<span class="ui-li-count">12</span>
						</a></li>
					</ul>
				</div>
				<div id="comm" data-role="contents">
					<ul id="commentList" data-role="listview" data-inset="true">
						<li data-role="list-divider">Options:</li>
						<li data-icon="check"><a href="#" onclick="">
							<img src="" />
							<h3></h3>
							<p></p>
							<span class="ui-li-count">12</span>
						</a></li>
					</ul>
				</div>
				<textarea id="commentarea" placeholder="Add comments"></textarea>
				<a data-role="button" onclick="doPostComm();" href="#" >Post</a>
            </div>
            
            <div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#main" data-theme="a" data-icon="home">
                                Main
                            </a>
                        </li>
                        <li>
                            <a href="#add" data-theme="" data-icon="plus">
                                Add
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-theme="" data-icon="check">
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#about" data-theme="" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div data-role="page" id="about">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Abouts
                </h3>
            </div>
            <div data-role="content">
                <div style=" text-align:center">
                    <img style="width: 100px; height: 100px" src="images/icon1.png" />
                </div>
                <div>
                    <h1 class="text-align-center">
                        <b>
                            Project Picky
                        </b>
                    </h1>
                    This is a prototype application, designed for the course CS408 Computer
                    Science Project at KAIST.
                    <br />
                    <br />
                    Our project is for implementing an application that help users selecting
                    fashion easier by using collective intelligent.
                    <br />
                    <br />
                    Chan Le - picky@chanvn.com
                    <br />
                    Yun Seung - kyoonss@kaist.ac.kr
                    <br />
                    Eun Hye - miknueeyh@gmail.com
                </div>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#main" data-theme="a" data-icon="home">
                                Main
                            </a>
                        </li>
                        <li>
                            <a href="#add" data-theme="" data-icon="plus">
                                Add
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-theme="" data-icon="check">
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#about" data-theme="" data-icon="info" class="ui-btn-active">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div data-role="page" id="page8">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Search
                </h3>
                <a data-role="button" data-rel="back"  href="#page6" data-icon="arrow-l" data-iconpos="left">
                    Back
                </a>
            </div>
            <div data-role="content">
                <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup">
                        <label for="textinput13">
                            Keywords
                        </label>
                        <input id="textinput13" placeholder="" value="" type="text" />
                    </fieldset>
                </div>
                <div data-role="fieldcontain">
                    <label for="selectmenu8">
                        Category
                    </label>
                    <select name="selectmenu8" id="selectmenu8">
                        <option value="option1">
                            T-Shirt
                        </option>
                        <option value="option2">
                            Pants
                        </option>
                    </select>
                </div>
                <a data-role="button"  href="#page9" data-icon="search" data-iconpos="left">
                    Find It!
                </a>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#main" data-theme="a" data-icon="home">
                                Main
                            </a>
                        </li>
                        <li>
                            <a href="#add" data-theme="" data-icon="plus">
                                Add
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-theme="" data-icon="check">
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#about" data-theme="" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        <div data-role="page" id="add">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    New Survey
                </h3>
                <a data-role="button" data-rel="back"  href="#page6" data-icon="arrow-l" data-iconpos="left">
                    Back
                </a>
            </div>
            <div id="div1" data-role="content">
            	<div class="ui-grid-a">
                    <div class="ui-block-a">
                        <div style="">
                            <img id="add_photo_url" style="width: 100px; height: 100px" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/572674_1386827398_1662236166_n.jpg" />
                        </div>
                    </div>
                    <div class="ui-block-b">
                        <div>
                            <p>
                                <h1>
                                    <div id="add_user_id"> Chan Le </div>
                                </h1>
                            </p>
                            <p>
                                <div id="add_username">( nhocjok )</div>
                            </p>
                        </div>
                    </div>
                </div>
                    <div data-role="fieldcontain">
                        <label for="selectmenu3">
                        </label>
                        <select name="selectmenu3" id="selectmenu3">
                            <option value="none">
                                Category
                            </option>
                            
                        </select>
                    </div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textinput3">
                            </label>
                            <input id="textinput3" placeholder="Survey's Title" value="" type="text" />
                        </fieldset>
                    </div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textarea3">
                            </label>
                            <textarea id="textarea3" placeholder="Survey's Description"></textarea>
                        </fieldset>
                    </div>
                    <input type="button" value="Set survey's Info" onclick="regSurvey();" />
                
            </div>
            
            <div id="div2" data-role="content" style="display:none"></div>
            <div id="div3" data-role="content" style="display:none"></div>
            
            <div id="div4" data-role= "content" style="display:none">
            	<div id="waiting" style="display:none">
                		<img src="images/ajax-loader2.gif" />
                	</div>
                    <div>
	                    <table class="mceItemTable" border="0">
	                        <tbody>
	                            <tr>
	                                <td>
	                                    <img style="display:block;width:70px;height:70px;" id="smallImage" src="http://i.imgur.com/KgqHf.jpg" />
	                                </td>
	                                <td>
	                                    <button onclick="capturePhoto();">Take Photo</button>
	                                    <button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM)">Choose Your Photo</button>
	                                </td>
	                            </tr>
	                        </tbody>
	                    </table>
                	</div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textinput4">
                            </label>
                            <input id="textinput4" placeholder="Option's Description" value="" type="text" />
                        </fieldset>
                    </div>
                    <button onclick="uploadOpt();">Add Option</button>
                    <a data-role="button" href="#" onclick="doActivate();">
                    	Done
                	</a>
                	<a data-role="button" href="#" onclick="cancelAdd()">
                    	Cancel
                	</a>  
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#main" data-theme="a" data-icon="home">
                                Main
                            </a>
                        </li>
                        <li>
                            <a href="#add" data-theme="" data-icon="plus" class="ui-btn-active">
                                Add
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-theme="" data-icon="check">
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#about" data-theme="" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
</div>
        
        <!-- <div data-role="page" id="add">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    New Survey
                </h3>
                <a data-role="button" data-rel="back"  href="#page6" data-icon="arrow-l" data-iconpos="left">
                    Back
                </a>
            </div>
            <div data-role="content">
                <form action="">
                    <div data-role="fieldcontain">
                        <label for="selectmenu3">
                        </label>
                        <select name="selectmenu3" id="selectmenu3">
                            <option value="none">
                                Category
                            </option>
                            <option value="option1">
                                T-shirt
                            </option>
                            <option value="option2">
                                Suit
                            </option>
                        </select>
                    </div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textinput3">
                            </label>
                            <input id="textinput3" placeholder="Survey's Title" value="" type="text" />
                        </fieldset>
                    </div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textarea3">
                            </label>
                            <textarea id="textarea3" placeholder="Survey's Description">
                            </textarea>
                        </fieldset>
                    </div>
                    <input type="submit" value="Set survey's Info" />
                </form>
                <form action="">
                    <h2>
                    </h2>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textinput5">
                            </label>
                            <input id="textinput5" placeholder="Option's picture" value="" type="text" />
                        </fieldset>
                    </div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textinput4">
                            </label>
                            <input id="textinput4" placeholder="Option's Description" value="" type="text" />
                        </fieldset>
                    </div>
                    <input type="submit" value="Add option" />
                </form>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#main" data-theme="a" data-icon="home">
                                Main
                            </a>
                        </li>
                        <li>
                            <a href="#add" data-theme="" data-icon="plus" class="ui-btn-active">
                                Add
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-theme="" data-icon="check">
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#about" data-theme="" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div> -->
        <div data-role="page" id="profile">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Profile
                </h3>
                <a data-role="button" data-rel="back"  href="#page6" data-icon="arrow-l" data-iconpos="left">
                    Back
                </a>
            </div>
            <div data-role="content">
                <div class="ui-grid-a">
                    <div class="ui-block-a">
                        <div style="">
                            <img id="photo_url" style="width: 100px; height: 100px" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/572674_1386827398_1662236166_n.jpg" />
                        </div>
                    </div>
                    <div class="ui-block-b">
                        <div>
                            <p>
                                <h1>
                                    <div id="user_id"> Chan Le </div>
                                </h1>
                            </p>
                            <p>
                                <div id="username">( nhocjok )</div>
                            </p>
                            <a href="#main" onclick="doLogout();">logout</a>
                        </div>
                    </div>
                </div>
                <div>
                <h2>Description:</h2>
                <p id="profdesc"> my desc </p>
                </div>
                <h2>Survey list: </h2>
                <ul id="profileList" data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        T-shirts
                    </li>
                    <li data-theme="c">
                        <a href="#survey" data-transition="slide">
                            Which T-shirt should I choose?
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#survey" data-transition="slide">
                            Which shirt make me look fat?
                        </a>
                    </li>
                    <li data-role="list-divider" role="heading">
                        Jeans
                    </li>
                    <li data-theme="c">
                        <a href="#survey" data-transition="slide">
                            Which jean looks better?
                        </a>
                    </li>
                </ul>
                <h2>Follow list: </h2>
                <ul id="followList" data-role="listview" data-divider-theme="b" data-inset="true">
                </ul>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#main" data-theme="a" data-icon="home">
                                Main
                            </a>
                        </li>
                        <li>
                            <a href="#add" data-theme="" data-icon="plus">
                                Add
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-theme="" data-icon="check" class="ui-btn-active">
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#about" data-theme="" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
        <div data-role="page" id="f_profile">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Profile
                </h3>
                <a data-role="button" data-rel="back"  href="#page6" data-icon="arrow-l" data-iconpos="left">
                    Back
                </a>
            </div>
            <div data-role="content">
                <div class="ui-grid-a">
                    <div class="ui-block-a">
                        <div style="">
                            <img id="f_photo_url" style="width: 100px; height: 100px" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/572674_1386827398_1662236166_n.jpg" />
                        </div>
                    </div>
                    <div class="ui-block-b">
                        <div>
                            <p>
                                <h1>
                                    <div id="f_user_id"> Chan Le </div>
                                </h1>
                            </p>
                            <p>
                                <div id="f_username">( nhocjok )</div>
                            </p>
                        </div>
                    </div>
                </div>
                <div>
	                <h2>Description: </h2>
	                <p id="f_profdesc"> my desc </p>
                </div>
                <h2>Survey list: </h2>
                <ul id="f_profileList" data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        T-shirts
                    </li>
                    <li data-theme="c">
                        <a href="#survey" data-transition="slide">
                            Which T-shirt should I choose?
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#survey" data-transition="slide">
                            Which shirt make me look fat?
                        </a>
                    </li>
                    <li data-role="list-divider" role="heading">
                        Jeans
                    </li>
                    <li data-theme="c">
                        <a href="#survey" data-transition="slide">
                            Which jean looks better?
                        </a>
                    </li>
                </ul>
                <h2>Follow list: </h2>
                <ul id="f_followList" data-role="listview" data-divider-theme="b" data-inset="true">
                </ul>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#main" data-theme="a" data-icon="home">
                                Main
                            </a>
                        </li>
                        <li>
                            <a href="#add" data-theme="" data-icon="plus">
                                Add
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-theme="" data-icon="check" class="ui-btn-active">
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#about" data-theme="" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
        <div data-role="page" id="page9">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Result
                </h3>
                <a data-role="button" data-rel="back"  href="#page6" data-icon="arrow-l" data-iconpos="left">
                    Back
                </a>
            </div>
            <div data-role="content">
                <ul data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        T-shirts
                    </li>
                    <li data-theme="c">
                        <a href="#survey" data-transition="slide">
                            Which T-shirt should I choose?
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#survey" data-transition="slide">
                            Which shirt make me look fat?
                        </a>
                    </li>
                    <li data-role="list-divider" role="heading">
                        Jeans
                    </li>
                    <li data-theme="c">
                        <a href="#survey" data-transition="slide">
                            Which jean looks better?
                        </a>
                    </li>
                </ul>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#main" data-theme="a" data-icon="home">
                                Main
                            </a>
                        </li>
                        <li>
                            <a href="#add" data-theme="" data-icon="plus">
                                Add
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-theme="" data-icon="check">
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#about" data-theme="" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
        
        
        
        
        
        
        
        
        
        
        <div data-role="page" id="login">
        	<div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Login
                </h3>
            </div>
            <div data-role="content">
                    <div data-role="fieldcontain">
                        <label for="inputid">User ID</label>
                        <input id="inputid" type="text" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="inputpw">Password</label>
                        <input id="inputpw" type="password" />
                    </div>
                    
                    <a data-role="button" href="#" onclick="doLogin();">
                    	Login
                	</a>
                	<a data-role="button" href="#register">
                    	Register
                	</a>
                
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#main" data-theme="a" data-icon="home">
                                Main
                            </a>
                        </li>
                        <li>
                            <a href="#add" data-theme="" data-icon="plus">
                                Add
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-theme="" data-icon="check" class="ui-btn-active">
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#about" data-theme="" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
<div data-role="page" id="register">
	<div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Register
                </h3>
            </div>
            <div data-role="content">
                    <div data-role="fieldcontain">
                        <label for="inputregid">User ID</label>
                        <input id="inputregid" type="text" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="inputname">Username</label>
                        <input id="inputname" type="text" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="inputregpw">Password</label>
                        <input id="inputregpw" type="password" />
                        <label for="inputregpw2">Password (Again)</label>
                        <input id="inputregpw2" type="password" />
                    </div>
                    <div data-role="fieldcontain">
                    	<div id="waiting2" style="display:none">
	                		<img src="images/ajax-loader2.gif" />
	                	</div>
	                    <div>
		                    <table class="mceItemTable" border="0">
		                        <tbody>
		                            <tr>
		                                <td>
		                                    <img style="display:block;width:100px;height:100px;" id="mySmallImage" src="http://i.imgur.com/KgqHf.jpg" />
		                                </td>
		                                <td>
		                                    <button onclick="captureMyPhoto();">Take Photo</button>
		                                    <button onclick="getMyPhoto(pictureSource.SAVEDPHOTOALBUM)">Choose Your Photo</button>
		                                </td>
		                            </tr>
		                        </tbody>
		                    </table>
	                	</div>
	                </div>
                    <div data-role="fieldcontain">
                    	<label for="inputdesc">User Description</label>
                        <textarea id="inputdesc"></textarea>
                    </div>
                    
                    <a data-role="button" href="#" onclick="doRegister();">
                    	Register
                	</a>
                
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#main" data-theme="a" data-icon="home">
                                Main
                            </a>
                        </li>
                        <li>
                            <a href="#add" data-theme="" data-icon="plus">
                                Add
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-theme="" data-icon="check" class="ui-btn-active">
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#about" data-theme="" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
</div>

        
        
        
        
        
        
        
        
        
        
        <div id="loadingDiv"><img src="images/ajax-loader.gif" alt=""/></div>
        <script>
			
        </script>
    </body>
</html>



